<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/base/jquery-ui.css">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>章节添加页面</title>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		h1{
			margin-left: 130px;
			width: 200px;
		}
		a{
			text-decoration: none;
			float: right;
		}
		.chapterAdd{
			width: 1080px;
			height: 1000px;
			margin: auto;
			text-align: center;
			border-radius: 10px;
			background-color: rgb(234,229,217);
		}
		.chapterName{
			margin-top: 50px;
		}
		.chapterContents{
			width: 780px;
			height: 800px;
			border-radius: 10px;
			background-color: rgb(244, 240, 231);
			resize: none;/*禁止用户改变文本框大小*/
		}
		.chapteFromFoot input{
			margin-top: 20px;
			display: inline-block;
		    font-size: 14px;
		    background: #fff;
		    border: 1px solid #ddd;
		    border-radius: 3px 3px;
		    padding: 3px 15px;
		    height: 24px;
		    line-height: 24px;
		    border-radius: 10px;
		    color: #7e57c2;
		    margin-bottom: 10px;
		}
		.chapteFromFoot input:hover{
			border: 1px solid black;
			color: #ec407a;
		}
		a{
			text-decoration: none;
		}
	</style>
</head>
<body>
	<div class="chapterAdd">
		<a href="WriterCenterServlet">返回作者主页></a>
		<form action="chapterAddServlet" class="myform" method="get">
			<div class="chapteFromTop">
				本章名称：<input type="text" name="chapterName" class="chapterName">
			</div>
			<h1>正文内容：</h1>
			<div class="chapteFromBody">
				<textarea name="chapterContents" class="chapterContents" placeholder="请输入本章内容"></textarea>
			</div>
			<div class="chapteFromFoot">
				<input type="text" name="novelId" value="<%=request.getParameter("novelId")%>" style="display:none">
				<input type="submit" value="发布新的章节">
			</div>
		</form>
	</div>
</body>
</html>